<!doctype html>
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js " lang="en"> <!--<![endif]-->
<head>
    <!-- basic page needs -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>{$meta_title}</title>
    <meta content="{$meta_keywords}" name="keywords" />
    <meta content="{$meta_description}" name="description" />
    <!-- mobile meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- fancybox -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/jquery.fancybox.css">
    <!-- mobile menu -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/meanmenu.min.css">
    <!-- jquery-ui-slider -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/jquery-ui-slider.css">
    <!-- nivo-slider css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/nivo-slider.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/owl.transitions.css">
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/owl.theme.css">
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/owl.carousel.css">
    <!-- animate css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/animate.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/font-awesome.min.css">
    <!-- bootstrap css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/bootstrap.min.css">
    <link href="{THEME_PATH}assets/global/css/components-md.min.css" rel="stylesheet" type="text/css" />
    <!-- style css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="{HOME_THEME_PATH}css/responsive.css">
    <!-- modernizr js -->
    <script src="{HOME_THEME_PATH}js/vendor/modernizr-2.6.2.min.js"></script>
    <!--[if lt IE 9]>
    <script src="{HOME_THEME_PATH}js/vendor/html5shiv.min.js"></script>
    <script src="{HOME_THEME_PATH}js/vendor/respond.min.js"></script>
    <![endif]-->
    <!-- jquery js -->
    <script src="{HOME_THEME_PATH}js/vendor/jquery-1.11.3.min.js"></script>
    <!-- 系统关键js(所有自建模板必须引用) -->
    <script type="text/javascript">var assets_path = '{THEME_PATH}assets/';var is_mobile_cms = '{IS_MOBILE}';</script>
    <script src="/config/language/{SITE_LANGUAGE}/lang.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/layer/layer.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/js/cms.js" type="text/javascript"></script>
    <script src="{THEME_PATH}assets/mall/js/mall.js" type="text/javascript"></script>
    <!-- 系统关键js结束 -->
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">您的浏览器版本太低，需要升级浏览器</p>
<![endif]-->

<!-- Add your site or application content here -->
<!-- header-area start -->
<header class="header-area">
    <!-- header-top start -->
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6">
                    <div class="welcome-mes">
                        <p>{dr_block('welcome')}</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <div class="header-right-menu">
                        <nav>
                            <ul id="dr_member_info">

                            </ul>
                            <!-- 动态调用member.html模板的会员登录信息 -->
                            {dr_ajax_template('dr_member_info', 'member.html')}
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header-top end -->
    <!-- header-middle start -->
    <div class="header-middle">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-xs-6">
                    <!-- logo start -->
                    <div class="logo">
                        <a href="{SITE_URL}"><img src="{SITE_LOGO}" alt="{SITE_NAME}" /></a>
                    </div>
                    <!-- logo end -->
                </div>
                <div class=" col-md-9 col-xs-6">
                    <!-- category search start -->
                    <form action="" method="get" class="my_top_search">
                        <input name="c" value="search" type="hidden">
                        <div class="category-search-area">
                            <div class="search-cat">
                                <select name="s">
                                    {cache name=module-content}
                                    <option value="{$t.dirname}" {if $t.dirname==MOD_DIR} selected{/if}>{$t.name}</option>
                                    {/cache}
                                </select>
                            </div>
                            <div class="search-form">
                            <div style="position: relative;">
                                <input class="cat-search-box" value="{$keyword}" name="keyword" type="text" placeholder="搜索..." />
                                <a href="javascript:;" class="cat-search-btn"><i class="fa fa-search"></i></a>
                            </div>
                            </div>
                        </div>
                    </form>
                    <!-- category search end -->
                    <!-- top-shoping-cart start -->
                    {if IS_PC}
                    <div class="top-shoping-cart">
                        <div class="top-mycart">
                            <a class="top-mycart-link" href="/index.php?s=cart">我的购物车 <span>共<strong id="dr_cart_nums">0</strong>个商品</span></a>
                        </div>
                    </div>
                    {/if}
                    <!-- top-shoping-cart end -->
                </div>
            </div>
        </div>
    </div>
    <!-- header-middle end -->
    <!-- header-bottom start -->
    <div class="header-bottom">
        <div class="container">
            <div class="row">
                <!-- left-category-menu-area start -->
                <div class="col-xs-12 col-md-3">
                    <div class="left-category-menu-area">
                        <h3 class="cat-toggle-heading">商品分类</h3>
                        <div class="{if !$indexc}none-menu{/if} left-category-menu">
                            <ul>
                                {php $i=0;}
                                {category module=goods pid=0}
                                <li class="{if $i>7} extra_menu{/if}">
                                    <a href="{$t.url}">{$t.name}</a>
                                    {if $t.child}
                                    <div class="left-cat-dropdown left-cat-3">
                                        {category module=goods pid=$t.id num=3 return=t2}
                                        <div class="single-cat-dropdown">
                                            <div class="single-cat-item">
                                                <a href="{$t2.url}" class="single-cat-dropdown-title">{$t2.name}</a>
                                                {category module=goods pid=$t2.id return=t3}
                                                <label><a href="{$t3.url}">{$t3.name}</a></label>
                                                {/category}
                                            </div>
                                        </div>
                                        {/loop}
                                    </div>
                                    {/if}
                                </li>
                                {php $i++;}
                                {/category}
                            </ul>
                            <div class="more-cat">
                                <span class="more-view">更多商品分类</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- left-category-menu-area end -->
                <!-- mainmenu start -->
                <div class="col-xs-12 col-md-9">
                    <div class="mainmenu">
                        <nav>
                            <ul>
                                <li class="{if $indexc}active{/if}"><a href="/">首页</a></li>

                                <!--第一层：调用pid=0表示顶级-->
                                {category module=share pid=0}
                                <li class="{if IS_SHARE && in_array($catid, $t.catids)}active{/if}">
                                    {if $t.child}
                                    <a href="{$t.url}">{$t.name}</a>
                                    <i class="fa fa-angle-down"></i>
                                    <ul>
                                        {category module=share pid=$t.id return=t2}
                                        <li class="{if IS_SHARE && in_array($catid, $t2.catids)}active{/if}"><a href="{$t2.url}">{$t2.name}</a></li>
                                        {/category}
                                    </ul>
                                    {else}
                                    <a href="{$t.url}">{$t.name}</a>
                                    {/if}
                                </li>
                                {/category}

                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- mainmenu end -->
            </div>
            <!-- mobile menu start -->
            <div class="row">
                <div class="col-sm-12 mobile-menu-area">
                    <div class="mobile-menu hidden-md hidden-lg" id="mob-menu">
                        <span class="mobile-menu-title">导航</span>
                        <nav>
                            <ul>
                                <li class="{if $indexc}active{/if}"><a href="/">首页</a></li>
                                <li><a href="/index.php?s=goods&c=search">全部商品</a></li>
                                {category module=share pid=0}
                                <li class="{if IS_SHARE && in_array($catid, $t.catids)}active{/if}">
                                    {if $t.child}
                                    <a href="javascript:;">{$t.name}</a>
                                    <ul>
                                        {category module=share pid=$t.id return=t2}
                                        <li><a href="{$t2.url}">{$t2.name}</a></li>
                                        {/category}
                                    </ul>
                                    {else}
                                    <a href="{$t.url}">{$t.name}</a>
                                    {/if}
                                </li>
                                {/category}


                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- mobile menu end -->
        </div>
    </div>
    <!-- header-bottom end -->
</header>
<!-- header-area end -->